<section class="section">
  <h2>Blockquote</h2>
  <blockquote>
    <p>
      Integer viverra elit sed tincidunt dignissim. Donec luctus malesuada posuere. Sed
      pulvinar pulvinar augue. Aenean id ligula justo. Curabitur egestas sed augue vel
      vulputate. Ut tempor sem sit amet diam molestie, id tincidunt lorem vulputate. Duis eu
      consectetur turpis, sit amet lobortis magna.
    </p>
    <footer>—Cicero, <cite>De finibus bonorum et malorum</cite></footer>
  </blockquote>
  <details class="demo">
    <summary>View code</summary>
    <pre><code>&lt;blockquote&gt;
  &lt;p&gt;
    Integer viverra elit sed tincidunt dignissim. Donec luctus malesuada posuere. Sed
    pulvinar pulvinar augue. Aenean id ligula justo. Curabitur egestas sed augue vel
    vulputate. Ut tempor sem sit amet diam molestie, id tincidunt lorem vulputate. Duis eu
    consectetur turpis, sit amet lobortis magna.
  &lt;/p&gt;
  &lt;footer&gt;—Cicero, &lt;cite&gt;De finibus bonorum et malorum&lt;/cite&gt;&lt;/footer&gt;
&lt;/blockquote&gt;</code></pre>
  </details>
</section>